<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--                                                               -->
<!-- Consider inlining CSS to reduce the number of requested files -->
<!--                                                               -->
<link type="text/css" rel="stylesheet" href="Ck_puzzle1.css">

</head>

<!--                                           -->
<!-- The body can have arbitrary html, or      -->
<!-- you can leave the body empty if you want  -->
<!-- to create a completely dynamic UI.        -->
<!--                                           -->
<body>
	<div>
		Alma, alma
		<div
			style="display: inline; border-bottom-style: dashed; border-bottom-width: 2px; padding-left: 1em; padding-right: 1em">
			<span>piros</span>
		</div>
		odafonn a fan
	</div>
	<div>
		Alma, alma
		<div
			style="display: inline; border-bottom-style: dashed; border-bottom-width: 2px; padding-left: 1em; padding-right: 1em; position: relative">
			<span style="padding-left: 5em; padding-right: 5em">&nbsp;</span> <span
				style="position: absolute; color: blue; left: 0px; right: 0px; text-align: center">alma</span>
		</div>
		odafonn a fan
	</div>
	<div>
		Alma, alma
		<div
			style="display: inline; border-bottom-style: dashed; border-bottom-width: 2px; padding-left: 1em; padding-right: 1em; position: relative">
			<span style="padding-left: 5em; padding-right: 5em">&nbsp;</span> <span
				style="position: absolute; color: blue; left: 0px; right: 0px; margin-left: auto; margin-right: auto">alma</span>
		</div>
		odafonn a fan
	</div>

alma <e>korte</e> szilva
</body>
</html>
